<!--
页面得到hostelid

-->

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>身份认证-嗨柚</title>
    <link rel="stylesheet" type="text/css" href="../css/share/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/share/ui.css" />
    <link rel="stylesheet" type="text/css" href="../css/identification.css" />
    <style>
        form{
            border: 1px solid #ddd;
            width: 140px;
        }
    </style>
</head>

<body>
<iframe src="" frameborder="0" name="hi-iframe" id="hi-iframe" style="display: none;"></iframe>
    <!-- header-->
    <div class="header">
        <div class="header-top">
            <div class="headerWrapper">
                <div class="header-top-left fl">
                    您好,欢迎访问嗨柚旅行官方网站
                </div>
                <div class="header-top-right fr">
                    <ul>
                        <li><a href="javascript:void(0);" id="btn-login">登录</a></li>
                        <li><a href="javascript:void(0);"  id="btn-register">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header-content">
            <div class="headerWrapper">
                <div class="header-content-logo fl">
                    <a href="index.html"><img src="../img/header/logo.png" alt="logo" /></a>
                </div>
                <div class="header-content-nav fr">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="../api/memberJSP">我是义工</a></li>
                        <li><a href="../api/bossJSP">我是商家</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- /header -->
    <div class="container-wrapper">
        <div class="container">
            <div class="box">
                <div class="box-content">
                    <div class="tab-group clear-fix">
                        <ul id="tabs">
                            <li><a href="javascript:void(0);" class="tab tab-active">身份认证</a></li>
                        </ul>
                    </div>
                    <div id="person">
                        <table>
                            <colgroup>
                                <col style="width: 140px">
                                <col style="width: 180px">
                                <col style="width: 160px">
                                <col style="width:auto">
                            </colgroup>
                            <tbody>
                                <tr>
                                    <td colspan="4" class="alignfix">身份证号码:
                                        <input type="text" id="p-idcard"  placeholder="请填写身份证号码"><img class="pass" src="../img/icons-size/success-i.png"  alt="pass"><img src="../img/icons-size/error-i.png" class="wrong" alt="wrong"></td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="alignfix">身份证姓名:
                                        <input type="text" id="p-name" placeholder="请填写真实姓名"><img class="pass" src="../img/icons-size/success-i.png" alt="pass"><img src="../img/icons-size/error-i.png" class="wrong" alt="wrong"></td>
                                </tr>
                                <tr>
                                    <th>身份证原件正面照:</th>
                                    <td>
                                        <form method="post" action="../../api/idval" enctype="multipart/form-data" target="hi-iframe" data-type="face">
                                            <input type="hidden" name="funKey"/>
                                            <input type="hidden" name="type"/>
                                            <div class="display vhide">
                                                <img src="" id="img-face"/>
                                                <span>修改</span>
                                            </div>

                                            <a href="javascript:void(0);" title="点击上传图片" id="upload1">+ 上传照片</a>
                                            <input type="file" accept="image/*" name="file" hidden id="p-photo-front">
                                        </form>

                                    </td>
                                    <th>身份证原件反面照:</th>
                                    <td>
                                        <form method="post" action="../../api/idval" enctype="multipart/form-data" target="hi-iframe" data-type="back">
                                            <input type="hidden" name="funKey"/>
                                            <input type="hidden" name="type"/>
                                            <div class="display vhide">
                                                <img src="" id="img-back"/>
                                                <span>修改</span>
                                            </div>
                                            <a href="javascript:void(0);" title="点击上传图片" id="upload2">+ 上传照片</a>
                                            <input type="file" accept="image/*" name="file" hidden id="p-photo-back">
                                        </form>
                                    </td>
                                </tr>
                                <tr>
                                    <th>手持身份证头部照:</th>
                                    <td>
                                        <form method="post" action="../../api/idval" enctype="multipart/form-data" target="hi-iframe" data-type="hand">
                                            <input type="hidden" name="funKey"/>
                                            <input type="hidden" name="type"/>
                                            <div class="display vhide">
                                                <img src="" id="img-hand"/>
                                                <span>修改</span>
                                            </div>
                                            <a href="javascript:void(0);" title="点击上传图片" id="upload3">+ 上传照片</a>
                                            <input type="file" accept="image/*" name="file" hidden id="p-photo-life">
                                        </form>
                                    </td>
                                    <th>手持身份证拍照示例:</th>
                                    <td class="fix">
                                        <div class="fl">
                                            <img src="../img/etc/idcardexample.png" class="fl" alt="示例图片">
                                        </div>
                                        <ol type="1">
                                            <li>手持相关证件.</li>
                                            <li>照片需免冠，建议未化妆，需身份证本人手持证件.</li>
                                            <li>必须看清证件号且证件号不能被遮挡.</li>
                                            <li>照片请翻转至正常角度，支持jpg、jpeg、bmp格式，最大不超过5M.</li>
                                        </ol>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <p><a href="javascript:void(0);" id="p-submit" class="btn btn-warn">提交</a></p>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- toolbor -->
    <div class="toolbar">
        <a id="scrollTop" href="javascript:void(0);">TOP</a>
    </div>
    <!-- /toolbor -->
    <!-- footer-->
    <div class="footer">
        <div class="footer-content">
            <div class="footerWrapper">
                <div class="footer-content-text ">
                    <ul>
                        <li>
                            <h2>快速导航</h2>
                            <p><a href="javascript:void(0);">个人中心</a></p>
                            <p><a href="javascript:void(0);">店家中心</a></p>
                            <p><a href="javascript:void(0);">友情链接</a></p>
                        </li>
                        <li>
                            <h2>帮助中心</h2>
                            <p><a href="javascript:void(0);">常见问题</a></p>
                            <p><a href="javascript:void(0);">用户协议</a></p>
                            <p><a href="javascript:void(0);">免责声明</a></p>
                            <p><a href="javascript:void(0);">版权声明</a></p>
                        </li>
                        <li>
                            <h2>反馈</h2>
                            <p><a href="javascript:void(0);">意见建议</a></p>
                            <p><a href="javascript:void(0);">举报</a></p>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-conact">
                    <ul>
                        <li class="hide">
                            <img src="../img/footer/footer1.png" alt="微博图标" />
                            <p>嗨柚旅行微博</p>
                            <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../img/footer/footer2.png" alt="微博图标" /></a>
                        </li>
                        <li>
                            <img class="erweima" src="../img/footer/8cmerweima.jpg" alt="微信公众号二维码" />
                            <p>嗨柚微信公众号</p>
                            <p>hiyouthtour</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
            <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
        </div>
    </div>
</body>
<script src="../js/lib/require.js"></script>
<script src="../util/plupload-2.1.2/js/plupload.full.min.js"></script>
<script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/identification'], function (domReady, identification) {
        domReady(function () {
            identification.init()
        });
    });
</script>
</html>
